﻿<div id="top" style="clear:right">
	<p>
		<label for="matricule_animateur">Matricule :</label>
		<input class="moyen"  type="text" id="matricule_animateur" onchange="updateInput(this,'.animateur_matricule')">
		<label class="c2" for="creation">Date de création :</label>
		<input type="text" id="creation" class="moyen date" onchange="updateInput(this,'.animateur_date')"/>
	</p>
	<p>
		<label for="nom_animateur">Nom :</label>
		<input type="text" class="grand" id="nom_animateur" name="nom_animateur" onchange="updateInput(this,'.animateur_nom')"/>
		<label class="c2" for="nom_jf_animateur">Nom de jeune fille :</label>
		<input type="text" class="grand" id="nom_jf_animateur" name="nom_jf_animateur" onchange="updateInput(this,'.animateur_nom_jf')"/>
	</p>
	<p>
		<label for="prenom_animateur">Prénom :</label>
		<input class="grand" type="text" id="prenom_animateur" name="prenom_animateur" onchange="updateInput(this,'.animateur_prenom')"/>
	</p>
	<p>
		<label for="statut_animateur">Statut :</label>
		<select class="grand statut" id="statut_animateur" name="statut_animateur" onchange="updateInput(this,'.animateur_statut')">
			<option value="nr" selected="true">Non renseigné</option>
			<option value="celibataire">Célibataire</option>
		    <option value="marie">Marié(e)</option>
		    <option value="veuf">Veuf</option>
		</select>
	</p>
</div>
<p>
	<label for="adresse_anim">Adresse :</label>
	<textarea id="adresse_anim" name="adresse_anim" class="grand" /></textarea>
</p>
<p>
	<label for="cp_anim">Code postal :</label>
	<input type="text"	  class="moyen" id="cp_anim" name="cp_anim"></textarea>
	<label class="c2" for="ville_anim">Ville :</label>
	<input type="text" id="ville_anim" name="ville_anim" class="grand"/>
</p>
<p>
	<label  for="tel_anim">Téléphone :</label>
	<input type="text" class="moyen" id="tel_anim" name="tel_anim" />
	<label class="label_sect_hand" for="tel_journee">Joignable journée</label>
	<input type="checkbox" id="tel_journee" name="tel_journee" />
	<label class="c2 label_sect_hand" for="tel_soiree">Joignable soirée</label>
	<input type="checkbox" id="tel_soiree" name="tel_soiree" />
	<label class="c2 label_sect_hand" for="tel_we">Joignable WE</label>
	<input type="checkbox" id="tel_we" name="tel_we" />
</p>
<p>
	<label for="tel_anim_port">Portable :</label>
	<input type="text" class="moyen" id="tel_anim_port" name="tel_anim_port" />
	<label class="label_sect_hand" for="tel_journee_port">Joignable journée</label>
	<input type="checkbox" id="tel_journee_port" name="tel_journee_port" />
	<label class="c2 label_sect_hand" for="tel_soiree_port">Joignable soirée</label>
	<input type="checkbox" id="tel_soiree_port" name="tel_soiree_port" />
	<label class="c2 label_sect_hand" for="tel_we_port">Joignable WE</label>
	<input type="checkbox" id="tel_we_port" name="tel_we_port" />
</p>
<p>
	<label for="tel_anim_autre">Autre :</label>
	<input type="text" class="moyen" id="tel_anim_autre" name="tel_anim_autre" />
	<label class="label_sect_hand" for="tel_journee_autre">Joignable journée</label>
	<input type="checkbox" id="tel_journee_autre" name="tel_journee_autre" />
	<label class="c2 label_sect_hand" for="tel_soiree_autre">Joignable soirée</label>
	<input type="checkbox" id="tel_soiree_autre" name="tel_soiree_autre" />
	<label class="c2 label_sect_hand" for="tel_we_autre">Joignable WE</label>
	<input type="checkbox" id="tel_we_autre" name="tel_we_autre" />
</p>
<p>
	<label for="mail_anim">E-mail :</label>
	<input type="text" class="grand" id="mail_anim" name="mail_anim" />
</p>
<p>
	<label for="secu_anim">N° sécurité sociale :</label>
	<input type="text" class="grand" id="secu_anim" name="secu_anim" />
</p>
<p>
	<label for="sexe_anim">Sexe :</label><!--  style="width:120px;" -->
	<label class="radio_label" for="masculin" >M</label><input type="radio" name="sexe" value="masc" id="masculin" />
	<label class="radio_label" for="feminin" >F</label><input style="margin-right:84px" type="radio" name="sexe" value="fem" id="feminin" />
	<label class="c2" for="natio_anim" id="label_natio">Nationalité :</label>
	<input type="text" id="natio_anim" name="natio_anim" class="grand"/>	
</p>
<p>
	<label for="date_naiss_anim">Date naissance :</label>
	<input class="moyen date" type="text" id="date_naiss_anim" name="date_naiss_anim"/>
	<label class="c2 label_sect_hand" for="lieu_naiss_anim" id="label_lieu">Lieu :</label>
	<input class="grand" type="text" id="lieu_naiss_anim" name="lieu_naiss_anim"/>
	<label class="c2 label_sect_hand" for="pays_naiss_anim">Pays :</label>
	<input type="text" class="grand c3" id="pays_naiss_anim" name="pays_naiss_anim"/>
</p>
<p>
	<label for="situation_famille_anim">Situation familiale :</label>
	<input type="text" class="petit" id="situation_famille_anim" name="situation_famille_anim"/>
	<label class="c2 label_sect_hand" for="nb_enfant_anim" id="label_nbenfants">Nb enfant :</label>
	<input type="text" class="petit" id="nb_enfant_anim" name="nb_enfant_anim" />
	<label class="c2 label_sect_hand" for="profession_anim">Profession :</label>
	<input type="text" class="grand" id="profession_anim" name="profession_anim"/><!-- style="margin-left:-120px" -->
</p>
<p>
	<label for="contact_anim">Contact :</label>
	<input class="grand" type="text" id="contact_anim" name="contact_anim"/>
</p>
<p>
	<label for="num_permis_anim">N° permis :</label>
	<input class="grand" type="text" id="num_permis_anim" name="num_permis_anim"/>
	<label class="c2" for="cat_permis_anim">Catégorie :</label>
	<input class="petit" type="text" id="cat_permis_anim" name="cat_permis_anim"/>
	<label class="c2" for="date_permis_anim" id="label_date_permis">Date :</label>
	<input type="text" class="moyen date" id="date_permis_anim" name="date_permis_anim"/>
</p>
<p>
	<label for="num_ci_anim">N°carte identité :</label>
	<input type="text" id="num_ci_anim" name="num_ci_anim" class="grand"/>
	<label class="c2" for="val_ci_anim">Validité :</label>
	<input type="text" id="val_ci_anim" class="moyen" />
</p>
<p>
	<label for="num_pass_anim">N° passeport :</label>
	<input type="text" id="num_pass_anim" name="num_pass_anim" class="grand"/>
	<label class="c2" for="val_pass_anim">Validité :</label>
	<input type="text" id="val_pass_anim" class="moyen"/>
</p>
<p>
	<label for="num_adhé_anim">N° adhérent :</label>
	<input class="grand" type="text" id="num_adhé_anim" name="num_adhé_anim"/>
	<label class="c2" for="college_anim">Collège :</label>
	<input class="grand" type="text" id="college_anim" />
	<label class="c2" for="membre_ca">Membre du conseil d'administration</label>
	<input type="checkbox" id="membre_ca" name="membre_ca"/>
</p>